<template>
    <div>
        <my-header></my-header>
        <my-side></my-side>
        <div class="my-content">
            <transition name="move" mode="out-in">
                <router-view></router-view>
            </transition>
        </div>
    </div>
</template>
<script>
    import MyHeader from './Header.vue'
    import MySidebar from './Sidebar.vue'
    import MySide from "./Sidebar";
    export default{
        data(){
            return {}
        },
        components: {
            MySide, 'my-header': MyHeader,
            'my-side': MySidebar
        }
    }
</script>
